<template>
	<div>
		<div class="zxs-footer">
			<ul>
				<li>
					<router-link to="/home">
						<i class="iconfont">&#xe60c;</i>
						<p>首页</p>	
					</router-link>
				</li>
				<li>
					<router-link to="/fenlei">
						<i class="iconfont">&#xe601;</i>
						<p>分类</p>	
					</router-link>
				</li>
				<li>
					<router-link to="/zhounian">
						<img src="/static/imgs/eb01004cf4cb425caf1db37ec61d7999.png" alt="">
					</router-link>
				</li>
				<li>
					<router-link to="/car">
						<i class="iconfont">&#xe613;</i>
						<p>购物车</p>	
					</router-link>
				</li>
				<li>
					<router-link to="/mine">
						<i class="iconfont">&#xe606;</i>
						<p>我的</p>	
					</router-link>
				</li>
			</ul>
		</div>
	</div>
</template>

<style scoped>
.iconfont{
    font-family:"iconfont" !important;
    font-size:.6rem;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.zxs-footer{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #eee;
	border-top: 1px solid #aaa;
	padding: .1rem 0;
}
.zxs-footer ul li{
	display: inline-block;
	text-align: center;
}
.zxs-footer ul li img{
	width: 1.2rem
}
.zxs-footer ul{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.router-link-active{
	color:rgb(229,56,59);
}
</style>